<%@page import="java.util.ArrayList"%>
<%@page import="fr.miage.orleans.aar.modele.PosteJoueur"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeDetail"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectJoueur"%>
<%@page import="fr.miage.orleans.aar.modele.valueobject.ValueObjectTournoi"%>
<%@page import="fr.miage.orleans.aar.modele.Equipe"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/tablePaginer.js"></script>
        <script type="text/javascript" src="js/kickstart.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <jsp:useBean id="detail_equipe" class="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeDetail" scope="session" />
        <jsp:useBean id="posteJoueur" class="ArrayList<PosteJoueur>" scope="session"/>
        <title>Consultation - Equipe</title>
    </head>
    <body>
        <jsp:include page="header.jsp">
            <jsp:param name="page" value="consultation" />
        </jsp:include>

        <div class="grid">
            <div class="col_12">
                <ul class="breadcrumbs">
                    <li><a href="<%=request.getContextPath() + "/consultation"%>">Accueil</a></li>
                    <li><a href="">Equipe N° <%=detail_equipe.getId() %></a></li>
                </ul>

                <h3>Equipe n°<%=detail_equipe.getId() %> : <span><%=detail_equipe.getNom() %></span></h3>

                <ul class="tabs" id="tabs_equipes">
                    <li><a href="#tab_informations"><i class="icon-reorder"></i> Informations générales</a></li>
                    <li><a href="#tab_joueurs"><i class="icon-group"></i> Liste des joueurs</a></li>
                  <%if (detail_equipe.getTournois().size()>0){ %>
                    <li><a href="#tab_tournois"><i class="icon-sitemap"></i> Liste des tournois</a></li>
                  <%} %>
                </ul>

                <div id="tab_informations" class="tab-content">
                    <ul class="alt">
                        <li>Identifiant : <%=detail_equipe.getId() %></li>
                        <li>Nom : <%=detail_equipe.getNom()%></li>
                        <li>
                            Etat équipe : 
                            <% int nbjoueur = detail_equipe.getListeJoueur().size();%>
                            <%if(nbjoueur<11){%>
                            incomplete
                            <%}else{ %>
                            complete
                            <%} %>
                            <%
                                int progressValue = 0;
                                switch (nbjoueur) {
                                    case 0: {
                                        progressValue = 0;
                                        break;
                                    }
                                    case 1: {
                                        progressValue = 9;
                                        break;
                                    }
                                    case 2: {
                                        progressValue = 18;
                                        break;
                                    }
                                    case 3: {
                                        progressValue = 27;
                                        break;
                                    }
                                    case 4: {
                                        progressValue = 36;
                                        break;
                                    }
                                    case 5: {
                                        progressValue = 45;
                                        break;
                                    }
                                    case 6: {
                                        progressValue = 54;
                                        break;
                                    }
                                    case 7: {
                                        progressValue = 63;
                                        break;
                                    }
                                    case 8: {
                                        progressValue = 72;
                                        break;
                                    }
                                    case 9: {
                                        progressValue = 75;
                                        break;
                                    }
                                    case 10: {
                                        progressValue = 79;
                                        break;
                                    }
                                    default: {
                                        progressValue = 100;
                                        break;
                                    }
                                }
                            %>
                            <meter low="40" high="80" optimum="100" value="<%=progressValue%>" min="0" max="100">0%</meter> 
                        </li>
                        <li>Nombre de joueurs : <%=detail_equipe.getListeJoueur().size()%></li>
                    </ul>
                </div>
                <div id="tab_joueurs" class="tab-content">
                   <table id="table_joueurs" class="striped" cellspacing="0" cellpadding="0">
                        <thead><tr>
                                <th>Identifiant</th>
                                <th>Nom</th>
                                <th>Prenom</th>
                                <th>Poste</th>
                            </tr></thead>
                        <tbody>
                            <%
                                for (ValueObjectJoueur voJoueur : detail_equipe.getListeJoueur()) {
                            %>
                            <tr>
                                <td><%=voJoueur.getId()%></td>
                                <td><%=voJoueur.getNom()%></td>
                                <td><%=voJoueur.getPrenom()%></td>
                                <td><%=voJoueur.getPosteJoueur().getNomPoste()%></td>
                            </tr>
                            <%} %>
                        </tbody>
                    </table>
                    <form action="creationEquipe" method="POST">
						Ajouter un joueur <input type="hidden" value="addJoueurEquipe" name="action"/>
						<input id="input_nom_joueur" type="text" name="nomJoueur" placeholder="Nom" />
						<input type="hidden" value="<%=detail_equipe.getId() %>" name="idEquipe"/>
						<input id="input_prenom_joueur" type="text" name="prenomJoueur" placeholder="Prenom" />
						<!-- Select -->
						&nbsp;
						<select id="posteJoueur" name ="posteJoueur">
							<option value="0">--- Poste ---</option>
						<%
                                for (PosteJoueur pj : posteJoueur) {
                         %>
							
							<option value="<%=pj.getPosteJoueurId()%>"><%=pj.getNomPoste()%></option>
						
						<%}
						%>
						</select>
						&nbsp;
						<button type="submit" class="small green"><i class="icon-plus"></i>&nbsp; Ajouter à l'équipe</button>
					</form>
                </div>
                
               <%if (detail_equipe.getTournois().size()>0) {%> 
                <div id="tab_tournois" class="tab-content">
					  <table id="table_tournois" class="striped paginated" cellspacing="0" cellpadding="0">
                        <thead><tr>
                                <th>Identifiant</th>
                                <th>Nom</th>
                                <th>Etat</th>
                            </tr></thead>
                        <tbody>
                            <%
                                for (ValueObjectTournoi voTournoi : detail_equipe.getTournois()) {
                            %>
                            <tr>
                                <td><%=voTournoi.getIdTournoi()%></td>
                                <td><%=voTournoi.getNomTournoi()%></td>
                                <td><%=voTournoi.getEtatTournoi()%></td>
                            </tr>
                            <%} %>
                        </tbody>
                    </table>
                </div>
               <%} %>
            </div>
        </div>

        <jsp:include page="footer.jsp"></jsp:include>
    </body>
</html>
